$(function () {
    tarrge();
    var flag = true;//节流阀
    var todayRecomTop = $('.recom').offset().top;

    $(window).scroll(function () {//屏幕滚动
        tarrge();//过了线，浮动框出现
        if (flag) {
            $('.floor .Z').each(function (i, ele) {//遍历内容，得到每个内容的索引号，再依照索引号，给浮动框小li添加类
                if ($(document).scrollTop() >= $(ele).offset().top) {
                    //console.log(i);//这个i是每个模块的索引号
                    $('.fixedtool li').eq(i).addClass('change').siblings('li').removeClass('change');
                }
            })
        }
    })

    function tarrge() {//用函数主要防止刷新后，屏幕未滚动，浮动框不出现
        if ($(document).scrollTop() >= todayRecomTop) {
            $('.fixedtool').fadeIn();
        }
        else {
            $('.fixedtool').fadeOut();
        }
    }

    $('.fixedtool li').on('click', function () {//电梯导航点击li，相应的内容会出现
        flag = false;//一点击flag为false，不执行屏幕滚动li换色功能
        var gotoset = $('.floor .Z').eq($(this).index()).offset().top + 5;//先得到li的index，再根据eq选择器得到相应的内容
        $('body,html').stop().animate({//动画变化，将节流阀打开
            scrollTop: gotoset
        }, function () {
            flag = true;
        })
        $(this).addClass('change').siblings('li').removeClass('change');//li变红，排他

    })
})